<template>
	<view class="tree">
		<!-- <comHead :title="$t('index.zhangjie')" :isLeft="true" :isRight="false" rType="episode"></comHead> -->
				
		<le-movable style="width: 100%;position: relative;">
			<view class="imgBox" v-if="treeData.length>0">
				<view v-if="item.id==12" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" v-if="item.is_look==1 && treeData[0].info_list[1].is_look!=3">
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id<20 && item.id>12" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==249" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==21" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==23" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==22" @click="toSiha(item)" class="imgs imgs22"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==24" @click="toSiha(item)" class="imgs imgs24"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>

				<view v-if="item.id==39" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==40" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>

				<view class="kuangs">
					<view v-if="item.id==42" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==45" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.id==46" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==52" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==53" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>

				<view v-if="item.id==60" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==257" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==256" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==67" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==68" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.id==70" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==75" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==76" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.id==77" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==81" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==82" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.id==86" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==89" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==90" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==91" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>

				<view class="kuangs">
					<view v-if="item.id==94" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==97" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.id==99" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view style="top: 182px;" v-if="item.id==268" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view style="top: 228px;" v-if="item.id==105" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view style="top: 274px;" v-if="item.id==107" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==110" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==113" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==114" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==118" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==119" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==122" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==125" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==127" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.id==128" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==129" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==134" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==321" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==135" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==138" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==141" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==144" @click="toSiha(item)" class="imgs"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view class="kuangs">
					<view v-if="item.id==322" @click="toSiha(item)" class="imgs imgs322"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
					<view v-if="item.id==147" @click="toSiha(item)" class="imgs imgs147"
						v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text
							:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
						</view>
					</view>
				</view>
				<view v-if="item.id==148" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==151" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==155" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==160" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==161" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==323" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==163" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==164" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==165" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==168" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==171" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==299" @click="toSiha(item)" class="imgs" :id="'imgs'+item.id"
					v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
					</view>
				</view>
				<view v-if="item.id==176" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==177" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id>180 && item.id<187" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				<view v-if="item.id==304" @click="toSiha(item)" class="imgs"
					v-for="(item,index) in treeData[0].info_list" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
					:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
					<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
						:src="getImg(item.thumbnail)" mode="aspectFill"></image>
					<text
						:style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
					<view class="lineBox" >
						<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')"></view>
					</view>
				</view>
				
				<view class="luangs">
					<view v-if="item.id==196" @click="toSiha(item)" class="imgs imgs196" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==215" @click="toSiha(item)" class="imgs imgs215" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==204" @click="toSiha(item)" class="imgs imgs204" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==211" @click="toSiha(item)" class="imgs imgs211" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==228" @click="toSiha(item)" class="imgs imgs228" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
				</view>
				<view class="luangs">
					<view v-if="item.id==198" @click="toSiha(item)" class="imgs imgs198" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==218" @click="toSiha(item)" class="imgs imgs218" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==223" @click="toSiha(item)" class="imgs imgs223" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==205" @click="toSiha(item)" class="imgs imgs205" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==213" @click="toSiha(item)" class="imgs imgs213" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==313" @click="toSiha(item)" class="imgs imgs313" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==312" @click="toSiha(item)" class="imgs imgs312" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
				</view>
				
				<view class="luangs">
					<view v-if="item.id==199" @click="toSiha(item)" class="imgs imgs199" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==219" @click="toSiha(item)" class="imgs imgs219" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==224" @click="toSiha(item)" class="imgs imgs224" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==207" @click="toSiha(item)" class="imgs imgs207" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==214" @click="toSiha(item)" class="imgs imgs214" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==232" @click="toSiha(item)" class="imgs imgs232" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==238" @click="toSiha(item)" class="imgs imgs238" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
				</view>
				<view class="luangs">
					<view v-if="item.id==310" @click="toSiha(item)" class="imgs imgs310" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==203" @click="toSiha(item)" class="imgs imgs203" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==221" @click="toSiha(item)" class="imgs imgs221" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==226" @click="toSiha(item)" class="imgs imgs226" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==208" @click="toSiha(item)" class="imgs imgs208" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==233" @click="toSiha(item)" class="imgs imgs233" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
				</view>
				
				<view class="luangs">
					<view v-if="item.id==227" @click="toSiha(item)" class="imgs imgs227" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
					<view v-if="item.id==234" @click="toSiha(item)" class="imgs imgs234" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
				</view>
				<view class="luangs">
					<view v-if="item.id==236" @click="toSiha(item)" class="imgs imgs236" :id="'imgs'+item.id"
						v-for="(item,index) in treeData[0].info_list" :key="index" :class="[item.is_look==1?'':'mc', isEn?'en':'']"
						:style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}">
						<image :style="{'filter':item.is_look==1?'grayscale(0)':'grayscale(100%)'}"
							:src="getImg(item.thumbnail)" mode="aspectFill"></image>
						<text :style="{'opacity':(item.is_look==1 || !item.is_look)?1:0.5}">{{item.name}}</text>
						<view class="lineBox" >
							<view class="line" v-for="(it,ind) in (item.xia_ids+'').split(',')" :key="ind"></view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="imgBox">
				<image class="bgImg" :src="getImg(bgImg)" mode="widthFix"></image>
				<template v-for="(item,index) in treeData">
					<view @click="it.is_look==1?toSiha(it):''" class="item" v-for="(it,ind) in item.info_list" :style="{left:it.x_value/treeData[0].width/100+'%',top:it.y_value/treeData[0].height/100+'%',backgroundColor:it.is_look==1?'rgba(0,0,0,0)':'rgba(0,0,0,0.5)'}">
					</view>
				</template>
			</view> -->
		</le-movable>
		
		<comLoading :isShow="isShow"></comLoading>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgImg: "",
				treeData: [],
				isShow: false,
				isEn: false,
			};
		},
		mounted() {
			this.getEpisodeChapter()
			setTimeout(()=>{
				if(this.$music.bgmInstance){
					this.$music.bgmInstance.destroy();
					this.$music.bgmInstance = null;
				}
			}, 0)
			this.isShow = true
			setTimeout(()=>{
				this.isShow = false
			}, 800)
			this.isEn = this.$tools.getStore('onLanguage') == 'en'
		},
		methods: {
			onReset() {

			},
			toSiha(e) {
				if (e.is_look == 1) {
					if (this.treeData[0].video_type == 2) {
						// #ifdef MP-TOUTIAO
						this.$tools.toRe('/pages/index/siha_dy?id=' + e.id)
						// #endif
						// #ifndef MP-TOUTIAO
						this.$tools.toRe('/pages/index/siha?id=' + e.id)
						// #endif
					} else {
						this.$tools.toRe('/pages/index/siha2?id=' + e.id)
					}
				} else {
					this.$tools.showTx(this.$t('index.gksyzjjs'))
				}
			},
			async getEpisodeChapter() {
				const res = await this.$myRequest({
					url: 'api/episode/getEpisodeChapter',
					data: {
						source: 1,
					}
				})
				if (res.code == 1) {
					this.treeData = res.data
					this.bgImg = res.data[0].branch_image
					
					if(this.treeData[0].info_list[0].id > 500){
						this.treeData[0].info_list.map(item => item.id -= 500)
					}
				}
			},
			tosiha(e) {
				console.log(e)
				// this.comLink('/pages/index/siha')
			},
			// 返回上一页
			backPage() {
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>

<style lang="less" scoped>
	.tree {
		height: 100vh;
		position: relative;
		overflow: hidden;
		width: 100%;
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0) 100%);
		.imgBox {
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			width: 100%;
			// transform: scale(0.5);
			// margin-top: -15000rpx;
			// margin-left: -150px;

			.imgs {
				position: relative;
				width: 100px;
				left: 10000000rpx;
				top: 0;
				// height: 60px;
				display: flex;
				flex-direction: column;

				image {
					width: 100px;
					height: 60px;
					background: #eee;
				}

				text {
					color: #fff;
					font-size: 10px;
					width: 100%;
					padding: 3px 0;
					box-sizing: border-box;
					background: rgba(#000, 0.8);
					display: -webkit-box;
					-webkit-box-orient: vertical;
					overflow: hidden;
					-webkit-line-clamp: 1;
					text-overflow: ellipsis;
					text-align: center;
				}
			}
			
			.luangs{
			  width: 100px;
			  height: 80px;
			  position: relative;
			  flex-shrink: 0;
			  &:nth-child(66){
			    // margin-top: 80px;
			    .imgs{
			      &:nth-child(1){
			        left: -450px;
			        margin-top: 45px;
			        
			        .lineBox {
			          .line:nth-child(1) {
			            width: 25px;
			            height: 40px;
			            bottom: -40px;
			            left: 25px;
			            // border-right: none;
			            border-bottom: none;
			            border-top: none;
			            border-left: none;
			          }
			        }
			      }
			      &:nth-child(2) {
			        left: -225px;
			        margin-top: -80px;
			        
			        .lineBox {
			          .line:nth-child(1) {
			            width: 25px;
			            height: 80px;
			            bottom: -40px;
			            left: -30px;
			            border-right: none;
			            border-bottom: none;
			          }
			          
			          .line:nth-child(2) {
			            width: 25px;
			            height: 80px;
			            bottom: -40px;
			            left: 105px;
			            border-left: none;
			            border-bottom: none;
			          }
			        }
			      }
			      
			      &:nth-child(3) {
			        left: 0px;
			        margin-top: -80px;
			        
			        .lineBox {
			          .line:nth-child(1) {
			            width: 25px;
			            height: 40px;
			            bottom: -40px;
			            left: 25px;
			            // border-right: none;
			            border-bottom: none;
			            border-top: none;
			            border-left: none;
			          }
			        }
			      }
			      
			      &:nth-child(4) {
			        left: 225px;
			        margin-top: -80px;
			        
			        .lineBox {
			          
			          // 单线
			          .line:nth-child(1) {
			            width: 25px;
			            height: 40px;
			            bottom: -40px;
			            left: 25px;
			            // border-right: none;
			            border-bottom: none;
			            border-top: none;
			            border-left: none;
			          }
			        }
			      }
			      
			      &:nth-child(5) {
			        left: 450px;
			        margin-top: -80px;
			        
			        .lineBox {
			          
			          // 双线
			          .line:nth-child(1) {
			            width: 25px;
			            height: 80px;
			            bottom: -40px;
			            left: -30px;
			            border-right: none;
			            border-bottom: none;
			          }
			          
			          .line:nth-child(2) {
			            width: 25px;
			            height: 80px;
			            bottom: -40px;
			            left: 105px;
			            border-left: none;
			            border-bottom: none;
			          }
			        }
			      }
			    }
			  }
			  
			  &:nth-child(67){
			    margin-top: 45px;
			    .imgs{
			      position: absolute;
			      &.imgs198 {
			        left: -450px;
			        margin-top: 45px;
			        
			        .lineBox {
			          
			          .line:nth-child(1) {
			            width: 25px;
			            height: 40px;
			            bottom: -40px;
			            left: 25px;
			            // border-right: none;
			            border-bottom: none;
			            border-top: none;
			            border-left: none;
			          }
			        }
			      }
			      
			      &.imgs218 {
			        left: -305px;
			        margin-top: 45px;
			        
			        .lineBox {
			          
			          .line:nth-child(1) {
			            width: 25px;
			            height: 40px;
			            bottom: -40px;
			            left: 25px;
			            // border-right: none;
			            border-bottom: none;
			            border-top: none;
			            border-left: none;
			          }
			        }
			      }
			      
			      &.imgs223 {
			        left: -145px;
			        margin-top: 45px;
			        
			        .lineBox {
			          
			          .line:nth-child(1) {
			            width: 25px;
			            height: 40px;
			            bottom: -40px;
			            left: 25px;
			            // border-right: none;
			            border-bottom: none;
			            border-top: none;
			            border-left: none;
			          }
			        }
			      }
			      
			      &.imgs205 {
			        left: 0px;
			        margin-top: 45px;
			        
			        .lineBox {
			          
			          .line:nth-child(1) {
			            width: 25px;
			            height: 40px;
			            bottom: -40px;
			            left: 25px;
			            // border-right: none;
			            border-bottom: none;
			            border-top: none;
			            border-left: none;
			          }
			        }
			      }
						
						&.imgs213 {
							left: 225px;
							margin-top: 45px;

							.lineBox {

								.line:nth-child(1) {
									width: 25px;
									height: 40px;
									bottom: -40px;
									left: 25px;
									// border-right: none;
									border-bottom: none;
									border-top: none;
									border-left: none;
								}
							}
						}

						&.imgs313 {
							left: 375px;
							margin-top: 45px;

							.lineBox {

								.line:nth-child(1) {
									width: 25px;
									height: 40px;
									bottom: -40px;
									left: 25px;
									// border-right: none;
									border-bottom: none;
									border-top: none;
									border-left: none;
								}
							}
						}

						&.imgs312 {
							left: 525px;
							margin-top: 45px;

							.lineBox {

								.line:nth-child(1) {
									width: 25px;
									height: 40px;
									bottom: -40px;
									left: 25px;
									// border-right: none;
									border-bottom: none;
									border-top: none;
									border-left: none;
								}
							}
						}
					}
				}
				
				&:nth-child(68) {
				  margin-top: 45px;
				  .imgs {
				    position: absolute;
				
				    &.imgs199 {
				      left: -450px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 80px;
				          bottom: -40px;
				          left: -30px;
				          border-right: none;
				          border-bottom: none;
				        }
				
				        .line:nth-child(2) {
				          width: 25px;
				          height: 80px;
				          bottom: -40px;
				          left: 105px;
				          border-left: none;
				          border-bottom: none;
				        }
				      }
				    }
				
				    &.imgs219 {
				      left: -305px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs224 {
				      left: -145px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs207 {
				      left: 0px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs214 {
				      left: 225px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs232 {
				      left: 375px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs238 {
				      left: 525px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				  }
				}
				
				&:nth-child(69) {
				  margin-top: 45px;
				  .imgs {
				    position: absolute;
				
				    &.imgs310 {
				      left: -530px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs203 {
				      left: -395px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs221 {
				      left: -280px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs226 {
				      left: -145px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs208 {
				      left: 0px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs233 {
				      left: 375px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				  }
				}
				
				&:nth-child(70) {
				  margin-top: 45px;
				  .imgs {
				    position: absolute;
				
				    &.imgs227 {
				      left: -145px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          /* border-right: none; */
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				
				    &.imgs234 {
				      left: 375px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          /* border-right: none; */
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				  }
				}
				
				&:nth-child(71) {
				  margin-top: 45px;
				  .imgs {
				    position: absolute;
				
				    &.imgs236 {
				      left: 375px;
				      margin-top: 45px;
				
				      .lineBox {
				        .line:nth-child(1) {
				          width: 25px;
				          height: 40px;
				          bottom: -40px;
				          left: 25px;
				          /* border-right: none; */
				          border-bottom: none;
				          border-top: none;
				          border-left: none;
				        }
				      }
				    }
				  }
				}
			}

			.kuangs {
				display: flex;
				justify-content: space-between;
				width: 250px;

				&:nth-child(7) {
					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 10px;
									height: 40px;
									bottom: -45px;
									left: 50px;
									border-right: none;
									border-top: none;
									border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 10px;
									height: 40px;
									bottom: -45px;
									left: 50px;
									border-right: none;
									border-bottom: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(8) {
					margin-top: 55px;
					position: relative;
					height: 80px;
					.imgs {
						position: absolute;
						&.imgs22 {
							left: 0;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 50px;
									border-right: none;
									border-top: none;
								}
							}
						}

						&.imgs24 {
							left: 150px;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 30px;
									border-left: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(11) {
					margin-top: 150px;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 50px;
									border-right: none;
									border-top: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 30px;
									border-left: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(13) {
					margin-top: 100px;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 50px;
									border-right: none;
									border-top: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 30px;
									border-left: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(17),
				&:nth-child(19),
				&:nth-child(21),
				&:nth-child(26){
					margin-top: 200px;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 50px;
									border-right: none;
									border-top: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 119px;
									bottom: -119px;
									left: 30px;
									border-left: none;
									border-top: none;
								}
							}
						}
					}
				}

				&:nth-child(19),
				&:nth-child(21) {
					margin-top: 100px;
				}
				&:nth-child(26) {
					margin-top: 160px;
				}

				&:nth-child(21) {

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 50px;
									height: 178px;
									bottom: -178px;
									left: 50px;
									border-top: none;
									border-right: none;
									// border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 150px;
									height: 40px;
									bottom: -45px;
									left: 50px;
									border-top: none;
									border-right: none;
									border-bottom: none;
									border-left: 1px dashed #5F87FB;
								}
							}
						}
					}
				}

				// 异形多个
				&:nth-child(37) {
					margin-top: -35px;

					.imgs {
						&:nth-child(1) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 20px;
									height: 300px;
									bottom: -300px;
									left: 50px;
									border-top: none;
									border-right: none;
									// border-bottom: none;
								}
							}
						}

						&:nth-child(2) {
							left: auto;
							top: 40px;

							.lineBox {
								.line {
									width: 150px;
									height: 40px;
									bottom: -45px;
									left: 50px;
									border-top: none;
									border-right: none;
									border-bottom: none;
								}
							}
						}
					}
				}
				
				&:nth-child(44){
					margin-top: -35px;
					margin-left: 345px;
				
					.imgs {
						
							&:nth-child(1) {
								left: auto;
								top: 40px;
						
								.lineBox {
									.line {
										width: 150px;
										height: 40px;
										bottom: -45px;
										left: 50px;
										border-top: none;
										border-right: none;
										border-bottom: none;
									}
								}
							}
						
							&:nth-child(2) {
								left: auto;
								top: 40px;
						
								.lineBox {
									.line {
										width: 10px;
										height: 40px;
										bottom: -45px;
										left: 50px;
										border-right: none;
										border-bottom: none;
										border-top: none;
									}
								}
							}
					}
				}
				&:nth-child(45){
					margin-top: 50px;
					margin-left: 345px;
					position: relative;
					height: 80px;
					.imgs {
						position: absolute;
							&.imgs322 {
								left: 0;
								top: 40px;
						
								.lineBox {
									.line {
										width: 50px;
										height: 40px;
										bottom: -45px;
										left: 5px;
										border-top: none;
										border-left: none;
										// border-bottom: none;
									}
								}
							}
						
							&.imgs147 {
								left: 150px;
								top: 40px;
						
								.lineBox {
									.line {
										width: 195px;
										height: 60px;
										bottom: -65px;
										left: -145px;
										border-top: none;
										border-left: none;
									}
								}
							}
					}
				}
			}

			.lineBox {
				.line {
					position: absolute;
					width: 60px;
					height: 30px;
					border: 1px dashed #5F87FB;
				}
			}

			>.imgs {
				position: relative;
				width: 100px;
				left: 10000000rpx;
				top: 0;
				// height: 60px;
				display: flex;
				flex-direction: column;

				image {
					width: 100px;
					height: 60px;
				}

				text {
					color: #fff;
					// position: absolute;
					font-size: 10px;
					bottom: 0;
					left: 0;
					// display: inline-flex;
					width: 100%;
					padding: 3px 0;
					box-sizing: border-box;
					background: rgba(#000, 0.8);
					text-align: center;
					// align-items: center;
					// justify-content: center;
				}

				&:nth-child(1) {
					left: 60px;
					top: 25px;

					.lineBox {
						.line {
							bottom: 15px;
							left: -65px;
							border-right: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(2) {
					left: -60px;
					top: 25px;

					.lineBox {
						.line {
							bottom: 15px;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(3) {
					left: 60px;
					top: 25px;

					.lineBox {
						.line {
							bottom: 15px;
							left: -65px;
							border-right: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(4) {
					left: -60px;
					top: 25px;

					.lineBox {
						.line {
							bottom: 15px;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(5) {
					left: 60px;
					top: 25px;

					.lineBox {
						.line {
							width: 10px;
							height: 40px;
							bottom: 0rpx;
							left: -15px;
							border-right: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(6) {
					left: 0rpx;
					top: 30px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(9) {
					left: 0rpx;
					top: 134px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 50px;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(10) {
					left: 0rpx;
					top: 178px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(12) {
					left: 0rpx;
					top: 134px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(14) {
					left: 0rpx;
					top: 134px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 50px;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(15) {
					left: 0rpx;
					top: 182px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 50px;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(16) {
					left: 0rpx;
					top: 230px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(18),
				&:nth-child(20) {
					left: 0rpx;
					top: 134px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(22) {
					left: 78px;
					top: 90px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							// border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(23) {
					left: 0rpx;
					top: 105px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(24) {
					left: 0rpx;
					top: 150px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(25) {
					left: 0rpx;
					top: 195px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(27),
				&:nth-child(28),
				&:nth-child(29) {
					left: 0rpx;
					top: 134px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(30) {
					left: 0rpx;
					top: 134px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 235px;
							bottom: -235px;
							left: 50px;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}

						.line:nth-child(2) {
							width: 45px;
							height: 60px;
							bottom: -18px;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(31) {
					left: 100px;
					top: 297px;

					.lineBox {
						.line:nth-child(1) {
							width: 43px;
							height: 120px;
							bottom: -120px;
							left: 8px;
							border-left: none;
							border-top: none;
						}
					}
				}

				&:nth-child(32) {
					left: 0rpx;
					top: 375px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 50px;
							border-right: none;
							border-bottom: none;
							border-top: none;
						}
					}
				}

				&:nth-child(33) {
					left: 0rpx;
					top: 420px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
						.line:nth-child(2) {
							width: 25px;
							height: 360px;
							bottom: -320px;
							left: -30px;
							// border-bottom: none;
							// border-top: none;
							// border-left: none;
							border-right: none;
						}
					}
				}

				&:nth-child(34) {
					left: 0rpx;
					top: 465px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(35) {
					left: 0rpx;
					margin-top: 510px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(36) {
					left: 0rpx;
					margin-top: 45px;

					.lineBox {
						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(38) {
					left: 78px;
					margin-top: 90px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(39) {
					left: 78px;
					margin-top: 45px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							// border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(40) {
					left: 0rpx;
					margin-top: 20px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(41) {
					left: 0rpx;
					margin-top: 20px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}

				&:nth-child(42) {
					left: 0rpx;
					margin-top: 20px;

					.lineBox {
						.line:nth-child(1) {
							width: 20px;
							height: 345px;
							bottom: -345px;
							left: 50px;
							border-top: none;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width:127px;
							height: 55px;
							bottom: -10px;
							left: 105px;
							// border-top: none;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(43) {
					left: 182px;
					margin-top: 20px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: -30px;
							border-right: none;
							border-bottom: none;
						}

						.line:nth-child(2) {
							width: 25px;
							height: 40px;
							bottom: 0rpx;
							left: 105px;
							border-left: none;
							border-bottom: none;
						}
					}
				}

				&:nth-child(46) {
					left: 0rpx;
					margin-top: 70px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}
				&:nth-child(47),
				&:nth-child(48),
				&:nth-child(49),
				&:nth-child(50),
				&:nth-child(51),
				&:nth-child(52),
				&:nth-child(53),
				&:nth-child(54),
				&:nth-child(55),
				&:nth-child(56),
				&:nth-child(57),
				&:nth-child(58),
				&:nth-child(59),
				&:nth-child(60),
				&:nth-child(61),
				&:nth-child(62),
				&:nth-child(63),
				&:nth-child(64) {
					left: 0rpx;
					margin-top: 45px;

					.lineBox {

						.line:nth-child(1) {
							width: 25px;
							height: 40px;
							bottom: -40px;
							left: 25px;
							// border-right: none;
							border-bottom: none;
							border-top: none;
							border-left: none;
						}
					}
				}
				
				&:nth-child(65) {
				  left: 0px;
				  margin-top: 45px;
				
				  .lineBox {
				    .line:nth-child(1) {
				      width: 400px;
				      height: 90px;
				      bottom: -40px;
				      left: -400px;
				      border-right: none;
				      border-bottom: none;
				      /* border-top: none; */
				      /* border-left: none; */
				    }
				
				    .line:nth-child(2) {
				      width: 175px;
				      height: 70px;
				      bottom: -40px;
				      left: -175px;
				      border-right: none;
				      border-bottom: none;
				      /* border-top: none; */
				      /* border-left: none; */
				    }
				
				    .line:nth-child(3) {
				      width: 100px;
				      height: 70px;
				      bottom: -40px;
				      left: 50px;
				      border-right: none;
				      border-bottom: none;
				      border-top: none;
				      /* border-left: none; */
				    }
				
				    .line:nth-child(4) {
				      width: 175px;
				      height: 70px;
				      bottom: -40px;
				      left: 100px;
				      /* border-right: none; */
				      border-bottom: none;
				      /* border-top: none; */
				      border-left: none;
				    }
				
				    .line:nth-child(5) {
				      width: 400px;
				      height: 90px;
				      bottom: -40px;
				      left: 100px;
				      /* border-right: none; */
				      border-bottom: none;
				      /* border-top: none; */
				      border-left: none;
				    }
				  }
				}
			}
			
			.imgs310,
			.imgs203,
			.imgs221,
			.imgs227,
			.imgs208,
			.imgs214,
			.imgs236,
			.imgs238 {
				.lineBox {
					display: none;
				}
			}
			
			.imgs.mc{
				position: relative;
				&::after{
					content: "未解锁";
					backdrop-filter: blur(5px);
					transform: translateZ(0);
					width: 100px;
					height: 80px;
					display: flex;
					justify-content: center;
					line-height: 110px;
					color: #fff;
					font-size: 12px;
					background: url('https://siha.vxmeng.com/static/playlet/wjs.png') no-repeat center 30%;
					background-size: 20%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}
				text{
					filter: blur(3px);
				}
				&.en::after {
					content: "Not unlocked";
				}
			}
		}
	}
</style>